import React from 'react';
import { Col, Row, Image, Flex } from 'antd';
import electronic1 from '../assets/productImg/electronic1.jpg';
import electronic2 from '../assets/productImg/electronic2.png';
import electronic3 from '../assets/productImg/electronic3.png';
import electronic4 from '../assets/productImg/electronic4.png';
import './less/Electronic.less';
const Electronic = () => (
    <>
        {/* <Row justify={'center'}>
            <Col span={21} className="gutter-box" >
                <Flex vertical={false} justify={'space-between'}>
                    <Image preview={false} width={750} src={electronic2} />
                    <Image preview={false} width={800} src={electronic4} />
                </Flex>
            </Col>
        </Row> */}
           <Row gutter={[32,32]} justify={'center'}>
            <Col xl={9} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={electronic2} />
            </Col>
            <Col xl={11} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={electronic4} />
            </Col>
        </Row> 
          <Row gutter={[32,32]} justify={'center'}>
            <Col xl={11} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={electronic1} />
            </Col>
            <Col xl={9} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={electronic3} />
            </Col>
        </Row> 

    </>
);

export default Electronic;